// i标签开头是icon的
i[class^=icon] {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    // background-color: red;
}
// icon-size
.icon-size-18 {
    width: 18px;  // 这里用来设置公共的样式,同时如果图标大小有改动,可以通过直接切换class名称来改变图标大小
    height: 18px;
}
.icon-size-20 {
    width: 20px;
    height: 20px;
    background-size: 26px 20px;
}
.icon-size-27 {
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
}
// margin-bottom
.icon-mb--3 {
    margin-bottom: -3px;
}
.icon-mb--4 {
    margin-bottom: -4px;
}

// icon
.icon-email { background-image: url(~@/assets/images/email.png);}
.icon-eye-off { background-image: url(~@/assets/images/eye-off.png); }
.icon-eye-on { 
    background-image: url(~@/assets/images/eye-on.png);
}
// icon颜色
.svg-icon-password {
    color: $color-main;
}
.red {color: red}